/*
 * @Author: LiAnqi
 * @Date: 2022-02-22
 */

import React from "react";
import { Popover } from "antd";
import Icon from "@ant-design/icons";

const spanStyle = { padding: "0 5px" };

const FCRichLabel = function (props) {
  const { content, contentTitle, placement, text, icon } = props;

  return (
    <Popover content={content} title={contentTitle} placement={placement}>
      <Icon component={icon} />
      <span style={spanStyle}>{text}</span>
    </Popover>
  );
};

export default FCRichLabel;
